<ion-view id="invitation" view-title="邀请" cache-view="false" align-title="center"show-tabs >
  <!-- 邀请-页眉 -->
  <div class="bar bar-header assertive-bg">
 <a class="button icon-left ion-ios-arrow-back button-clear button-light "></a>
    <h1 class="title light">邀请</h1>
  </div>
  <ion-content  class=" has-header scroll-content">
    <div class="main">


      <div style="display:flex;width:100%;">
        <div style="flex:1;text-align: center;" class="tab_default" ng-repeat="d in tabNames"
             ng-click="activeSlide($index)" ng-class="slectIndex==$index ? 'tab_select' : '' ">
          {{d}}
          <div class="arrow-top" style="left:{{15+$index*50}}%" ng-show="slectIndex==$index"></div>
        </div>
      </div>
      <ion-slide-box on-slide-changed="slideChanged(index)" active-slide="slideIndex" does-continue="false"
                     show-pager="false">
        <ion-slide ng-repeat="p in pages">
          <div ng-include="p"></div>
        </ion-slide>
      </ion-slide-box>

    </div>
  </ion-content>
</ion-view>
